import React, { Component } from 'react';
import Progress from '@/components/progress/Progress'
import "./OrderProgress.scss"
class OrderProgress1 extends Component {
	constructor() {
		super()
		this.state = {
			text: [
				'员工上门', '客户确认', '收益到账'
			]
		}
	}
	componentDidMount() {
		document.getElementsByTagName('title')[0].innerHTML = '订单进度'
	}
	render() {
		let height = window.screen.height
		return (
			<div className="other-page OrderProgress" style={{ minHeight: height + 'px' }}>
				<Progress text={this.state.text} stage={1} />
				<div className="card">
					<div className="flex space-between row">
						<span>安装编号：2018052212</span>
						<span className="blue">安装员：鞠志锋</span>
					</div>
					<div className="border-b mt18"></div>

					<div className="row row2">
						<span className="left">姓名：</span>
						<span>占奇栋 先生</span>
					</div>
					<div className="row row2">
						<span className="left">联系方式：</span>
						<span>17710368721</span>
					</div>
					<div className="row row2">
						<span className="left">详细地址：</span>
						<span>北京市朝阳区立水桥</span>
					</div>
					<div className="row row2">
						<span className="left">服务类型：</span>
						<span className="blue">安装</span>
					</div>
					<div className="row row2">
						<span className="left">预约时间：</span>
						<span>2018-05-20</span>
					</div>
					<div className="row row2">
						<span className="left">订单编号：</span>
						<span>126454185</span>
					</div>
					<div className="row row2">
						<span className="left">备注信息：</span>
						<span>请上午过来，下午可能不在家</span>
					</div>
					<div className="border-b"></div>
					<div className="flex space-between row mt18">
						<span>距离：5km</span>
						<span className="red">3天到期</span>
					</div>
				</div>
			</div>
		);
	}
}

export default OrderProgress1;